<template>
  <!--单级内啮合齿轮宏观参数设计及优化-->
  <div class="base" style="overflow: auto">
    <a-row style="width:100% ; height: 200%">
      <a-col span="16" style="height: 100%">
        <div class="left">
          <div class="u3">
            <div class="u3_font">参数</div>
          </div>
          <div class="left_top">
            <div class="left_top_left">
              <div class="left_top_left_top">
                <img src="@/assets/image/image_68_5.png" alt="nedci" style="width:30%; height:80%;margin: 5% 35%">
              </div>
              <div class="left_top_left_bottom">
                <div class="u5">
                  <div class="u5_font">齿轮材料基本参数</div>
                </div>
                <div class="left_top_left_bottom1">
                  <ul style="height: 100%; width: 100%; font-size: 13px;text-align: right">
                    <li></li>
                    <li style="height: 10%;width: 100%">材料类型</li>
                    <li style="height: 10%;width: 100%">屈服应力（MPa）</li>
                    <li style="height: 10%;width: 100%">接触疲劳极限应力（MPa）</li>
                    <li style="height: 10%;width: 100%">弯曲疲劳极限应力（MPa）</li>
                    <li style="height: 10%;width: 100%">齿面硬度（HB）</li>
                    <li style="height: 10%;width: 100%">弹性模量（MPa）</li>
                    <li style="height: 10%;width: 100%">泊松比</li>
                  </ul>
                </div>
                <div class="left_top_left_bottom2">
                  <ul style="text-align: center; height: 100%;width: 100%">
                    <li>外齿</li>
                    <li style="height: 10%;width: 100%">
                      <select v-model="InParameter.material_type_p" style="height: 60%;width: 80%;border-radius: 2px">
                        <option value="1">渗碳淬火</option>
                        <option value="2">调质</option>
                        <option value="3">渗氮钢</option>
                        <option value="4">结构钢</option>
                        <option value="5">感应淬火和火焰淬火钢</option>
                        <option value="6">氮碳共渗钢</option>
                      </select>
                    </li>
                    <li style="height: 10%;width: 100%"><input v-model="InParameter.sigma_s_p" style="height: 60%;width: 80%"></li>
                    <li style="height: 10%;width: 100%"><input v-model="InParameter.sigma_Hlim_p" style="height: 60%;width: 80%"></li>
                    <li style="height: 10%;width: 100%"><input v-model="InParameter.sigma_Flim_p" style="height: 60%;width: 80%"></li>
                    <li style="height: 10%;width: 100%"><input v-model="InParameter.hardness_HB_p" style="height: 60%;width: 80%"></li>
                    <li style="height: 10%;width: 100%"><input v-model="InParameter.E_p" style="height: 60%;width: 80%"></li>
                    <li style="height: 10%;width: 100%"><input v-model="InParameter.possion_p" style="height: 60%;width: 80%"></li>
                  </ul>
                </div>
                <div class="left_top_left_bottom3">
                  <ul style="text-align: center; height: 100%;width: 100%">
                    <li>内齿</li>
                    <li style="height: 10%;width: 100%">
                      <select v-model="InParameter.material_type_w" style="height: 60%;width: 80%;border-radius: 2px">
                        <option value="1">渗碳淬火</option>
                        <option value="2">调质</option>
                        <option value="3">渗氮钢</option>
                        <option value="4">结构钢</option>
                        <option value="5">感应淬火和火焰淬火钢</option>
                        <option value="6">氮碳共渗钢</option>
                      </select>
                    </li>
                    <li style="height: 10%;width: 100%"><input v-model="InParameter.sigma_s_w" style="height: 60%;width: 80%"></li>
                    <li style="height: 10%;width: 100%"><input v-model="InParameter.sigma_Hlim_w" style="height: 60%;width: 80%"></li>
                    <li style="height: 10%;width: 100%"><input v-model="InParameter.sigma_Flim_w" style="height: 60%;width: 80%"></li>
                    <li style="height: 10%;width: 100%"><input v-model="InParameter.hardness_HB_w" style="height: 60%;width: 80%"></li>
                    <li style="height: 10%;width: 100%"><input v-model="InParameter.E_w" style="height: 60%;width: 80%"></li>
                    <li style="height: 10%;width: 100%"><input v-model="InParameter.possion_w" style="height: 60%;width: 80%"></li>
                  </ul>
                </div>
              </div>
            </div>
            <div class="left_top_right">
              <div class="u6">
                <div class="u6_font">齿形参数输入</div>
              </div>
              <div class="left_top_right1">
                <ul style="height: 100%; width: 110%; text-align: center">
                  <li style="height: 6.25%"></li>
                  <li style="height: 6.25%">齿顶高系数</li>
                  <li style="height: 6.25%">顶隙系数</li>
                  <li style="height: 6.25%">齿根圆角半径系数</li>
                  <li style="height: 6.25%">轮缘厚度系数</li>
                  <li style="height: 6.25%">齿向倒角高度系数(直径)(mm)</li>
                  <li style="height: 6.25%">齿向倒角角度(°)</li>
                  <li style="height: 6.25%">齿顶削减量(直径)(mm)</li>
                  <li style="height: 6.25%">挖根量(mm)</li>
                  <li style="height: 6.25%">齿面粗糙度Rz(um)</li>
                  <li style="height: 6.25%">齿根圆角粗糙度Rz(um)</li>
                  <li style="height: 6.25%">齿厚上偏差(um)</li>
                  <li style="height: 6.25%">齿厚公差</li>
                  <li style="height: 6.25%">弯曲强度计算齿厚值(um)</li>
                  <li style="height: 6.25%">加工内齿刀具变位系数</li>
                  <li style="height: 6.25%">加工内齿刀具齿数</li>
                </ul>
              </div>
              <div class="left_top_right2">
                <ul style="text-align: center;height: 100%;width: 100%">
                  <li style="height: 6.25%">外齿</li>
                  <li style="height: 6.25%"><input v-model="InParameter.ad_factor_p" style="height: 60%;width: 80%"></li>
                  <li style="height: 6.25%"><input v-model="InParameter.tip_factor_p" style="height: 60%;width: 80%"></li>
                  <li style="height: 6.25%"><input v-model="InParameter.radius_factor_p" style="height: 60%;width: 80%"></li>
                  <li style="height: 6.25%"><input v-model="InParameter.SR_p" style="height: 60%;width: 80%"></li>
                  <li style="height: 6.25%"><input v-model="InParameter.chamfer_dia_p" style="height: 60%;width: 80%"></li>
                  <li style="height: 6.25%"><input v-model="InParameter.chamfer_angle_p" style="height: 60%;width: 80%"></li>
                  <li style="height: 6.25%"><input v-model="InParameter.ad_cut_dia_p" style="height: 60%;width: 80%"></li>
                  <li style="height: 6.25%"><input v-model="InParameter.undercut_p" style="height: 60%;width: 80%"></li>
                  <li style="height: 6.25%"><input v-model="InParameter.R_z_flank_p" style="height: 60%;width: 80%"></li>
                  <li style="height: 6.25%"><input v-model="InParameter.R_z_root_p" style="height: 60%;width: 80%"></li>
                  <li style="height: 6.25%"><input v-model="InParameter.thickness_reduction_p" style="height: 60%;width: 80%"></li>
                  <li style="height: 6.25%"><input v-model="InParameter.tooth_thickness_tolerance_p" style="height: 60%;width: 80%"></li>
                  <li style="height: 6.25%;width: 100%">
                    <label style="height: 60%;width: 40%">{{ans.thickness_reduction_last_p}}</label>
                    <select v-model="InParameter.bend_strength_thickness_p" style="height: 60%;width: 30%">
                      <option value="1">最小</option>
                      <option value="2">平均</option>
                      <option value="3">最大</option>
                    </select>
                  </li>
                  <li style="height: 6.25%"><input v-model="InParameter.cutter_shift_coefficient" v-bind:disabled="InParameter.auto_cutter==1" style="height: 60%;width: 80%"></li>
                  <li style="height: 6.25%"><input v-model="InParameter.z_cutter" v-bind:disabled="InParameter.auto_cutter==1" style="height: 60%;width: 80%"></li>
                </ul>
              </div>
              <div class="left_top_right3">
                <ul style="text-align: center;height: 100%;width: 100%">
                  <li style="height: 6.25%">内齿</li>
                  <li style="height: 6.25%"><input v-model="InParameter.ad_factor_w" style="height: 60%;width: 80%"></li>
                  <li style="height: 6.25%"><input v-model="InParameter.tip_factor_w" style="height: 60%;width: 80%"></li>
                  <li style="height: 6.25%"><input v-model="InParameter.radius_factor_w" style="height: 60%;width: 80%"></li>
                  <li style="height: 6.25%"><input v-model="InParameter.SR_w" style="height: 60%;width: 80%"></li>
                  <li style="height: 6.25%"><input v-model="InParameter.chamfer_dia_w" style="height: 60%;width: 80%"></li>
                  <li style="height: 6.25%"><input v-model="InParameter.chamfer_angle_w" style="height: 60%;width: 80%"></li>
                  <li style="height: 6.25%"><input v-model="InParameter.ad_cut_dia_w" style="height: 60%;width: 80%"></li>
                  <li style="height: 6.25%"><input v-model="InParameter.undercut_w" style="height: 60%;width: 80%"></li>
                  <li style="height: 6.25%"><input v-model="InParameter.R_z_flank_w" style="height: 60%;width: 80%"></li>
                  <li style="height: 6.25%"><input v-model="InParameter.R_z_root_w" style="height: 60%;width: 80%"></li>
                  <li style="height: 6.25%"><input v-model="InParameter.thickness_reduction_w" style="height: 60%;width: 80%"></li>
                  <li style="height: 6.25%"><input v-model="InParameter.tooth_thickness_tolerance_w" style="height: 60%;width: 80%"></li>
                  <li style="height: 6.25%;width: 100%">
                    <label style="height: 60%;width: 40%">{{ans.thickness_reduction_last_w}}</label>
                    <select v-model="InParameter.bend_strength_thickness_w" style="height: 60%;width: 30%">
                      <option value="1">最小</option>
                      <option value="2">平均</option>
                      <option value="3">最大</option>
                    </select>
                  </li>
                  <form style="position: absolute; right: 30%; margin-top: 10%"><!--v-model="InParameter.auto_cutter"-->
                    <input type="radio" name="way" value="1" v-model="InParameter.auto_cutter">自动<br>
                    <input type="radio" name="way" value="2" v-model="InParameter.auto_cutter">手动
                  </form>
                </ul>
              </div>
            </div>
          </div>
          <div class="left_bottom">
            <div class="u7">
              <div class="u7_font">载荷及相关数据输入</div>
            </div>
            <div class="left_bottom_left">
              <div class="left_bottom1">
                <ul style="text-align: right;width: 100%;height: 80% ">
                  <li style="height: 9%;width: 100%">外齿轮额定转速(rpm)</li>
                  <li style="height: 9%;width: 100%">外齿轮静强度扭矩(Nmm)</li>
                  <li style="height: 9%;width: 100%">运行工况</li>
                  <li style="height: 9%;width: 100%">允许点蚀</li>
                  <li style="height: 9%;width: 100%">转折点循环次数设计</li>
                  <li style="height: 9%;width: 100%">无限点循环次数设计</li>
                  <li style="height: 9%;width: 100%">设计载荷输入形式</li>
                  <li style="height: 9%;width: 100%"></li>
                  <li v-show="InParameter.whether_rate_load==1" style="height: 9%;width: 100%">外齿额定载荷输入形式</li>
                  <li v-show="InParameter.whether_rate_load==1" style="height: 9%;width: 100%">扭矩(Nmm)</li>
                  <li v-show="InParameter.whether_rate_load==1" style="height: 9%;width: 100%">设计寿命(hr)</li>
                </ul>
              </div>
              <div class="left_bottom2">
                <ul style="margin-left: 10%; height: 80%;width: 100%">
                  <li style="height: 9%;width: 100%"><input v-model="InParameter.n_p" style="height: 70%;width: 80%"></li>
                  <li style="height: 9%;width: 100%"><input v-model="InParameter.torque_static_p" style="height: 70%;width: 80%"></li>
                  <li style="height: 9%;width: 100%"><select v-model="InParameter.whether_single_rotation" style="height: 80%;width: 80%;border-radius: 2px">
                    <option value="1">单向运转</option>
                    <option value="2">双向运转</option>
                  </select></li>
                  <li style="height: 9%;width: 100%"><select v-model="InParameter.switch_pitting" style="height: 80%;width: 80%;border-radius: 2px">
                    <option value="2">否</option>
                    <option value="1">是</option>
                  </select></li>
                  <li style="height: 9%;width: 100%"><select v-model="InParameter.consider_Nc" style="height: 80%;width: 80%;border-radius: 2px">
                    <option value="2">否</option>
                    <option value="1">是</option>
                  </select></li>
                  <li style="height: 9%;width: 100%"><select v-model="InParameter.consider_Long" style="height: 80%;width: 80%;border-radius: 2px">
                    <option value="2">否</option>
                    <option value="1">是</option>
                  </select></li>
                  <li style="height: 9%;width: 100%"><select v-model="InParameter.whether_rate_load" style="height: 80%;width: 80%;border-radius: 2px">
                    <option value="1">额定工况</option>
                    <option value="2">载荷谱</option>
                  </select></li>
                  <li style="height: 9%;width: 100%">
                    <a-upload
                        :showUploadList="false"
                        name="file"
                        :maxCount="1"
                        :customRequest="customRequest"
                    >
                      <button v-show="InParameter.whether_rate_load==2" style="width: 100%;height: 150%">导入小轮载荷谱</button>
                    </a-upload>
                    <p v-show="InParameter.whether_rate_load==2">注：载荷谱文件格式为.xls或.xlsx格式，其各列参数为右表所示(无需表头)</p>
                  </li>
                  <li style="height: 9%;width: 100%"><select v-show="InParameter.whether_rate_load==1" style="height: 80%;width: 80%;border-radius: 2px">
                    <option value="1">输入扭矩</option>
                    <option value="2">输入功率</option>
                  </select></li>
                  <li style="height: 9%;width: 100%"><input v-model="InParameter.spectrum_torque" v-show="InParameter.whether_rate_load==1" style="height: 70%;width: 80%"></li>
                  <li style="height: 9%;width: 100%"><input v-model="InParameter.spectrum_time" v-show="InParameter.whether_rate_load==1" style="height: 70%;width: 80%"></li>
                </ul>
              </div>
            </div>
            <div class="left_bottom_center">
              <div class="left_bottom1">
                <ul style="text-align: right;height: 80%;width: 100%">
                  <li style="width: 100%;height: 14%">使用系数</li>
                  <li style="width: 100%;height: 14%">动载系数</li>
                  <li style="width: 100%;height: 14%">接触齿向载荷分布系数</li>
                  <li style="width: 100%;height: 14%">接触齿间载荷分布系数</li>
                  <li style="width: 100%;height: 14%">弯曲齿向载荷分布系数</li>
                  <li style="width: 100%;height: 14%">弯曲齿间载荷分布系数</li>
                  <li style="width: 100%;height: 14%">静强度使用系数</li>
                </ul>
              </div>
              <div class="left_bottom2">
                <ul style="margin-left: 10%;height: 80%;width: 100%">
                  <li style="width: 100%;height: 14%">
                    <input v-model="InParameter.K_A" style="width: 60%;height: 40%">
                    <button type="primary" @click="showModal(1)"  style="position:absolute;right:1%;width:10%;height:4.5%">!</button>
                    <div>
                      <a-modal v-model="visible" @ok="handleOk" @cancel="handleCancel">
                        <p><img v-show="showimg==1" src="@/assets/image/image_68_1.png" class="img_style"></p>
                        <p><img v-show="showimg==2" src="@/assets/image/image_68_2.png" class="img_style"></p>
                        <p><img v-show="showimg==3" src="@/assets/image/image_68_3.png" class="img_style"></p>
                        <p><img v-show="showimg==4" src="@/assets/image/image_68_4.png" class="img_style"></p>
                        <p><img v-show="showimg==5" src="@/assets/image/image_68_6.png" class="img_style"></p>
                        <p><label v-show="showimg==6">按照国内齿轮行业惯例，中心距变大时内齿轮的变位系数为正，反之为负，但国际上的内齿轮变位系数的符号规定与之相反，所以标注时请引起注意！本程序使用国内惯例</label></p>
                      </a-modal>
                    </div>
                  </li>
                  <li style="width: 100%;height: 14%">
                    <input v-model="InParameter.K_V" style="width: 60%;height: 40%">
                    <button type="primary" @click="showModal(2)"  ok-text="确认" cancel-text="取消" @ok="handleOk" style="position:absolute;right:1%;width:10%;height:4.5%">!</button>
                  </li>
                  <li style="width: 100%;height: 14%"><input v-model="InParameter.K_Hb" style="width: 60%;height: 40%"></li>
                  <li style="width: 100%;height: 14%">
                    <input v-model="InParameter.K_Ha" style="width: 60%;height: 40%">
                    <button type="primary" @click="showModal(3)"  ok-text="确认" cancel-text="取消" @ok="handleOk" style="position:absolute;right:1%;width:10%;height:4.5%">!</button>
                  </li>
                  <li style="width: 100%;height: 14%"><input v-model="InParameter.K_Fb" style="width: 60%;height: 40%"></li>
                  <li style="width: 100%;height: 14%">
                    <input v-model="InParameter.K_Fa" style="width: 60%;height: 40%">
                    <button type="primary" @click="showModal(4)"  ok-text="确认" cancel-text="取消" @ok="handleOk" style="position:absolute;right:1%;width:10%;height:4.5%">!</button>
                  </li>
                  <li style="width: 100%;height: 14%"><input v-model="InParameter.K_A_s" style="width: 60%;height: 40%"></li>
                </ul>
              </div>
            </div>
            <div class="left_bottom_right">
              <div class="left_bottom1">
                <ul style="text-align: right;width: 100%;height: 80%">
                  <li style="height: 12.5%;width: 100%">接触疲劳强度安全系数</li>
                  <li style="height: 12.5%;width: 100%">接触静强度安全系数</li>
                  <li style="height: 12.5%;width: 100%">弯曲疲劳强度安全系数</li>
                  <li style="height: 12.5%;width: 100%">弯曲静强度安全系数</li>
                  <li style="height: 12.5%;width: 100%">接触长寿命系数</li>
                  <li style="height: 12.5%;width: 100%">弯曲长寿命系数</li>
                  <li style="height: 12.5%;width: 100%">润滑油40℃粘度(mm^2/s)</li>
                  <li style="height: 12.5%;width: 100%">润滑油类型</li>
                </ul>
              </div>
              <div class="left_bottom2">
                <ul style="margin-left: 10% ;height: 80%;width: 80%">
                  <li style="height: 12.5%;width: 100%"><input v-model="InParameter.S_H_fatigue" style="width: 100%;height: 40%"></li>
                  <li style="height: 12.5%;width: 100%"><input v-model="InParameter.S_H_static" style="width: 100%;height: 40%"></li>
                  <li style="height: 12.5%;width: 100%"><input v-model="InParameter.S_F_fatigue" style="width: 100%;height: 40%"></li>
                  <li style="height: 12.5%;width: 100%"><input v-model="InParameter.S_F_static" style="width: 100%;height: 40%"></li>
                  <li style="height: 12.5%;width: 100%"><input v-model="InParameter.Znt_Longlife" style="width: 100%;height: 40%"></li>
                  <li style="height: 12.5%;width: 100%"><input v-model="InParameter.Ynt_Longlife" style="width: 100%;height: 40%"></li>
                  <li style="height: 12.5%;width: 100%"><input v-model="InParameter.v_40" style="width: 100%;height: 40%"></li>
                  <li style="height: 12.5%;width: 100%"><select v-model="InParameter.oil_type" style="height: 40%;width: 100%">
                    <option value="1">矿物油</option>
                    <option value="2">合成油</option>
                  </select></li>
                  <button type="primary" @click="showModal1" @cancel="handleCancel1" @ok="handleOk1" style="position: absolute; bottom: 15%; left:-100%; width: 80%;height: 5%">查看相关参数</button>
                  <a-modal v-model="visible1" @ok="handleOk1" @cancel="handleCancel1">
                    <div class="relevantParameter">
                      <div class="relevantParameter_u">相关参数</div>
                      <div style="width: 100%;height: 100%;display: flex">
                        <ul style="width: 40%;height: 100%;text-align: right">
                          <li style="height: 20.8px;width: 100%"></li>
                          <li style="height: 7.6%">计算接触应力(MPa)</li>
                          <li style="height: 7.6%">许用接触应力(MPa)</li>
                          <li style="height: 7.6%">计算弯曲应力(MPa)</li>
                          <li style="height: 7.6%">许用弯曲应力(MPa)</li>
                          <li style="height: 7.6%">节圆直径(mm)</li>
                          <li style="height: 7.6%">基圆直径(mm)</li>
                          <li style="height: 7.6%">啮合角(°)</li>
                          <li style="height: 7.6%">基圆螺旋角(°)</li>
                          <li style="height: 7.6%">转速(rpm)</li>
                          <li style="height: 7.6%">切向载荷(N)</li>
                          <li style="height: 7.6%">径向载荷(N)</li>
                          <li style="height: 7.6%">轴向载荷(N)</li>
                        </ul>
                        <ul style="width: 30%;height: 100%;text-align: center">
                          <li style="height: 7.6%">外齿</li>
                          <li style="height: 7.6%"><label>{{ans.sigma_H_fatigue_design_p_in}}</label></li>
                          <li style="height: 7.6%"><label>{{ans.sigma_HG_p_in}}</label></li>
                          <li style="height: 7.6%"><label>{{ans.sigma_F_fatigue_design_p_in}}</label></li>
                          <li style="height: 7.6%"><label>{{ans.sigma_FG_p_in}}</label></li>
                          <li style="height: 7.6%"><label>{{ans.tran_pitch_p_in}}</label></li>
                          <li style="height: 7.6%"><label>{{ans.tran_base_dia_p_in}}</label></li>
                          <li style="height: 7.6%;width: 200%"><label>{{ans.mesh_angle_in}}</label></li>
                          <li style="height: 7.6%;width: 200%"><label>{{ans.base_helix_angle_in}}</label></li>
                          <li style="height: 7.6%"><label>{{ans.n_p_in}}</label></li>
                          <li style="height: 7.6%;width: 200%"><label>{{ans.tangential_load_internal_0}}</label></li>
                          <li style="height: 7.6%;width: 200%"><label>{{ans.radial_load_internal_0}}</label></li>
                          <li style="height: 7.6%;width: 200%"><label>{{ans.axial_load_internal_0}}</label></li>
                        </ul>
                        <ul style="width: 30%;height: 100%;text-align: center">
                          <li style="height: 7.6%">内齿</li>
                          <li style="height: 7.6%"><label>{{ans.sigma_H_fatigue_design_w_in}}</label></li>
                          <li style="height: 7.6%"><label>{{ans.sigma_HG_w_in}}</label></li>
                          <li style="height: 7.6%"><label>{{ans.sigma_F_fatigue_design_w_in}}</label></li>
                          <li style="height: 7.6%"><label>{{ans.sigma_FG_w_in}}</label></li>
                          <li style="height: 7.6%"><label>{{ans.tran_pitch_w_in}}</label></li>
                          <li style="height: 7.6%"><label>{{ans.tran_base_dia_w_in}}</label></li>
                          <li style="height: 20.8px;width: 0"></li>
                          <li style="height: 20.8px;width: 0"></li>
                          <li style="height: 7.6%;width: 100%"><label>{{ans.n_w_in}}</label></li>
                          <li style="height: 7.6%;width: 0"></li>
                          <li style="height: 7.6%;width: 0"></li>
                          <li style="height: 7.6%;width: 0"></li>
                        </ul>
                      </div>
                    </div>
                  </a-modal>
                  <button @click="calculation" style="position: absolute; bottom: 15%; width: 80%;height: 5%">计算</button>
                  <table v-show="InParameter.whether_rate_load==2" border="1" style="position: absolute; bottom: 10%; right: 220%;width: 200%;height: 10%;overflow: auto">
                    <thead style="width: 100%; height: 20%;background: #D7D7D7">
                    <tr class="table_title">
                      <th>序号</th>
                      <th>扭矩(Nmm)</th>
                      <th>循环次数</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr style="text-align: center" v-for="load_data in items" :key="load_data.id">
                      <td>{{load_data[0]}}</td>
                      <td>{{load_data[1]}}</td>
                      <td>{{load_data[2]}}</td>
                    </tr>
                    </tbody>
                  </table>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </a-col>
      <a-col span="8" style="height: 100%">
        <div class="right">
          <div class="u4">
            <div class="u4_font">设计模块</div>
          </div>
          <div class="right_left">
            <ul style="height: 100%;width: 95%;text-align: right">
              <li style="height: 3%">目标齿数比<input v-model="InParameter.ratio_aim" style="height: 60%;width: 50%"></li>
              <li style="height: 3%">设计法向压力角(°)</li>
              <li style="height: 3%">设计螺旋角(°)</li>
              <li style="height: 3%">设计宽径比</li>
              <li style="height: 3%">参考分度圆直径(mm)</li>
              <li style="height: 3%">参考中心距(mm)</li>
              <li style="height: 3%">参考法向模数(mm)</li>
              <li style="height: 3%">设计法向模数(mm)</li>
              <li style="height: 3%">参考齿数</li>
              <li style="height: 3%">设计齿数</li>
              <li style="height: 3%">设计齿数比</li>
              <li style="height: 3%">齿数比差值百分比</li>
              <li style="height: 3%">设计齿宽(mm)</li>
              <li style="height: 3%">标准中心距(mm)</li>
              <li v-show="InParameter.auto_work_center==1" style="height: 3%">设计中心距(mm)</li>
              <li v-show="InParameter.auto_work_center==1" style="height: 3%">参考法向变位系数</li>
              <li style="height: 3%">设计法向变位系数</li>
              <li style="height: 3%">滑动率</li>
              <li style="height: 3%">法向齿顶宽系数</li>
              <li style="height: 3%">轴向重合度</li>
              <li style="height: 3%">端面重合度</li>
              <li style="height: 3%">总重合度</li>
              <li style="height: 3%">接触疲劳强度裕度</li>
              <li style="height: 3%">弯曲疲劳强度裕度</li>
              <li style="height: 3%">接触静强度裕度</li>
              <li style="height: 3%">弯曲静强度裕度</li>
              <li style="height: 3%">端面齿顶圆直径(mm)</li>
              <li style="height: 3%">端面齿根圆直径(mm)</li>
              <li style="height: 3%">节圆线速度(m/s)</li>
            </ul>
          </div>
          <div class="right_right">
            <ul style="height: 100%;width: 100%;text-align: center">
              <li style="height: 3%;width: 40%;text-align: center;">外齿</li>
              <li style="margin-top: -13.5%;height: 3%;width: 80%;text-align: center;float: right">内齿</li>
              <li style="height: 2.8%"><input v-model="InParameter.press_angle" style="height: 60%; width: 80%"></li>
              <li style="height: 3%"><input v-model="InParameter.helix_angle" style="height: 60%; width: 80%"></li>
              <li style="position: relative;height: 3%;width: 100%">
                <input v-model="InParameter.ratio_width_diameter_p" style="position: absolute;left: 10%;height: 60%; width: 40%">
                <label style="position: absolute ;left: 50%;width: 50%">{{ans.ratio_width_diameter_w}}</label>
                <button type="primary" @click="showModal(5)" style="position: absolute;right: 1%; width: 10%;height: 60%">!</button>
              </li>
              <li style="position: relative;height: 3%;width: 100%;text-align: center">
                <label style="position: absolute ; left: 0;width: 50%">{{ans.diameter_refer_strength_p}}</label>
                <label style="position: absolute ; right: 0;width: 50%">{{ans.diameter_refer_strength_w}}</label>
              </li>
              <li style="height: 3%;width: 100%;text-align: center"><label>{{ans.center_refer_strength}}</label></li>
              <li style="height: 3%;width: 100%;text-align: center"><label>{{ans.normal_module_refer}}</label></li>
              <li style="height: 3%"><input v-model="InParameter.normal_module" style="height: 60%; width: 80%"></li>
              <li style="position: relative;height: 3%">
                <label style="position: absolute ; left: 0;width: 50%">{{ans.z_p_refer}}</label>
                <label style="position: absolute ; right: 0;width: 50%">{{ans.z_w_refer}}</label>
              </li>
              <li style="position: relative;height: 3%">
                <input v-model="InParameter.z_p" style="position: absolute;left: 10%;height: 60%; width: 40%"><!--外齿设计齿数-->
                <label style="position: absolute; left: 50%;width: 40%">{{form.text}}</label>
                <select v-model="InParameter.pp14" style="position: absolute; right: 1%;width: 10%; height: 60%;border-radius: 2px">
                  <option>0</option>
                  <option>-6</option>
                  <option>-5</option>
                  <option>-4</option>
                  <option>-3</option>
                  <option>-2</option>
                  <option>-1</option>
                  <option>1</option>
                  <option>2</option>
                  <option>3</option>
                  <option>4</option>
                  <option>5</option>
                  <option>6</option>
                </select>
              </li>
              <li style="height: 3%;text-align: center"><label>{{ans.ratio_design}}</label></li>
              <li style="height: 3%;text-align: center"><label>{{ans.ratio_different}}</label></li>
              <li style="height: 3%;text-align: center"><label>{{ans.effect_width}}</label></li>
              <li style="position: relative;height: 3%">
                <label style="position:absolute;left: 0;width: 50%"> {{ans.center_refer_strength}}</label>
                <form style="position: absolute;right: 30%">
                  <input type="radio" name="way" value="0" v-model="InParameter.auto_work_center">自动<br>
                  <input type="radio" name="way" value="1" v-model="InParameter.auto_work_center">手动
                </form>
              </li>
              <li v-show="InParameter.auto_work_center==1" style="height: 3%"><input v-model="InParameter.work_center" style="width: 80%"></li>
              <li v-show="InParameter.auto_work_center==1" style="position: relative;height: 3%;width: 100%">
                <label style="position: absolute ; left: 0; width: 50%">{{form.text}}</label>
                <label style="position: absolute ; left: 50%; width: 40%">{{form.text}}</label>
                <button style="position: absolute;right: 1%; width: 10%;height: 60%">!</button>
              </li>
              <li style="position: relative;height: 3%;width: 100%">
                <input v-model="InParameter.normal_modi_factor_p" style="position: absolute;left: 10%;height: 60%; width: 40%">
                <label style="position: absolute ;left: 50%;width: 40%">{{ans.normal_modi_factor_w}}</label>
                <button type="primary" @click="showModal(6)"  ok-text="确认" cancel-text="取消" @ok="handleOk" style="position: absolute;right:1%; width: 10%;height: 60%">!</button>
              </li>
              <li style="position: relative;height: 3%">
                <label style="position: absolute ; left: 0;width: 50%">{{ans.slip_p}}</label>
                <label style="position: absolute ; right: 0;width: 50%">{{ans.slip_w}}</label>
              </li>
              <li style="position: relative;height: 3%">
                <label style="position: absolute ; left: 0;width: 50%">{{ans.normal_width_tip_factor_p}}</label>
                <label style="position: absolute ; right: 0;width: 50%">{{ans.normal_width_tip_factor_p}}</label>
              </li>
              <li style="height: 3%;text-align: center"><label>{{ans.axial_contact_ratio}}</label></li>
              <li style="height: 3%;text-align: center"><label>{{ans.tran_contact_ratio}}</label></li>
              <li style="height: 3%;text-align: center"><label>{{ans.total_contact_ratio}}</label></li>
              <li style="position: relative;height: 3%">
                <label style="position: absolute ; left: 0;width: 50%">{{ans.abundant_H_fatigue_p}}</label>
                <label style="position: absolute ; right: 0;width: 50%">{{ans.abundant_H_fatigue_w}}</label>
              </li>
              <li style="position: relative;height: 3%">
                <label style="position: absolute ; left: 0;width: 50%">{{ans.abundant_F_fatigue_p}}</label>
                <label style="position: absolute ; right: 0;width: 50%">{{ans.abundant_F_fatigue_w}}</label>
              </li>
              <li style="position: relative;height: 3%">
                <label style="position: absolute ; left: 0;width: 50%">{{ans.abundant_H_static_p}}</label>
                <label style="position: absolute ; right: 0;width: 50%">{{ans.abundant_H_static_w}}</label>
              </li>
              <li style="position: relative;height: 3%">
                <label style="position: absolute ; left: 0;width: 50%">{{ans.abundant_F_static_p}}</label>
                <label style="position: absolute ; right: 0;width: 50%">{{ans.abundant_F_static_p}}</label>
              </li>
              <li style="position: relative;height: 3%">
                <label style="position: absolute ; left: 0;width: 50%">{{ans.tran_practice_ad_dia_p}}</label>
                <label style="position: absolute ; right: 0;width: 50%">{{ans.tran_practice_ad_dia_w}}</label>
              </li>
              <li style="position: relative;height: 3%">
                <label style="position: absolute ; left: 0;width: 50%">{{ans.tran_de_dia_p}}</label>
                <label style="position: absolute ; right: 0;width: 50%">{{ans.tran_de_dia_w}}</label>
              </li>
              <li style="height: 3%;text-align: center"><label>{{ans.v_pitch}}</label></li>
            </ul>
          </div>
        </div>
      </a-col>
    </a-row>
  </div>
</template>

<script>

import {filedelete, firetext, pedci} from "@/api/file";

export default {
  created() {
    document.title = '单级内啮合齿轮宏观参数设计及优化'
    this.$store.state.file.key = 68;

  },
  name: "nameparallel_external_design_check_internal",
  data(){
    return{
      items:[[]],
      InParameter:{
        uuid:"123",
        ratio_aim:3.11111,
        possion_p:0.3,
        possion_w:0.3,
        E_p:206000,
        E_w:206000,
        K_A:1,
        K_A_s:1,
        K_V:1,
        K_Hb:1.3,
        K_Ha:1,
        K_Fb:1.3,
        K_Fa:1,
        S_H_fatigue:1.25,
        S_H_static:1,
        S_F_fatigue:1.56,
        S_F_static:1.4,
        Znt_Longlife:0.85,
        Ynt_Longlife:0.85,
        material_type_p:1,
        material_type_w:1,
        switch_pitting:2,
        consider_Nc:2,
        consider_Long:2,
        z_p:48,
        z_w:101,
        torque_static_p:100,
        normal_module:10,
        helix_angle:8.9,
        normal_modi_factor_p:0.1105,
        press_angle:20,
        ad_factor_p:1,
        ad_factor_w:1,
        tip_factor_p:0.25,
        tip_factor_w:0.25,
        chamfer_dia_p:0,
        chamfer_dia_w:0,
        chamfer_angle_p:45,
        chamfer_angle_w:45,
        ad_cut_dia_p:0,
        ad_cut_dia_w:0,
        ratio_width_diameter_p:1.015,
        auto_work_center:1,
        work_center:433,
        v_40:320,
        oil_type:1,
        n_p:49.7527,
        R_z_flank_p:4.8,
        R_z_flank_w:4.8,
        hardness_HB_p:621.3,
        hardness_HB_w:621.3,
        sigma_Hlim_p:1500,
        sigma_Hlim_w:1500,
        radius_factor_p:0.3,
        radius_factor_w:0.3,
        undercut_p:0,
        undercut_w:0,
        R_z_root_p:19.2,
        R_z_root_w:19.2,
        sigma_s_p:785,
        sigma_s_w:785,
        sigma_Flim_p:1000,
        sigma_Flim_w:1000,
        whether_rate_load:1,
        whether_torque:1,
        whether_single_rotation:1,
        SR_p:3.5,
        SR_w:3.5,
        thickness_reduction_p:0,
        tooth_thickness_tolerance_p:0,
        thickness_reduction_w:0,
        tooth_thickness_tolerance_w:0,
        bend_strength_thickness_p:1,
        bend_strength_thickness_w:1,
        cutter_shift_coefficient:0,
        z_cutter:39,
        spectrum_torque:800,
        power_rate:800,
        spectrum_time:175200,
        pp14:1,
        auto_cutter:1
      },
      ans:{
        sigma_H_fatigue_design_p_in:'Static Text',
        sigma_H_fatigue_design_w_in:'Static Text',
        tran_pitch_p_in:'Static Text',
        tran_pitch_w_in:'Static Text',
        tran_base_dia_p_in:'Static Text',
        tran_base_dia_w_in:'Static Text',
        mesh_angle_in:'Static Text',
        base_helix_angle_in:'Static Text',
        n_p_in:'Static Text',
        n_w_in:'Static Text',
        sigma_HG_p_in:'Static Text',
        sigma_HG_w_in:'Static Text',
        sigma_F_fatigue_design_p_in:'Static Text',
        sigma_F_fatigue_design_w_in:'Static Text',
        sigma_FG_p_in:'Static Text',
        sigma_FG_w_in:'Static Text',
        tangential_load_internal_0:'Static Text',
        radial_load_internal_0:'Static Text',
        axial_load_internal_0:'Static Text',
        thickness_reduction_last_p:'Static Text',
        thickness_reduction_last_w:'Static Text',
        standard_center:'Static Text',
        v_pitch:'Static Text',
        tran_practice_ad_dia_p:'Static Text',
        tran_practice_ad_dia_w:'Static Text',
        z_p_refer:'Static Text',
        z_w_refer:'Static Text',
        normal_modi_factor_w:'Static Text',
        ratio_width_diameter_w:'Static Text',
        effect_width:'Static Text',
        abundant_H_fatigue_p:'Static Text',
        abundant_H_fatigue_w:'Static Text',
        abundant_H_static_p:'Static Text',
        abundant_H_static_w:'Static Text',
        tran_de_dia_p:'Static Text',
        abundant_F_fatigue_p:'Static Text',
        abundant_F_fatigue_w:'Static Text',
        abundant_F_static_p:'Static Text',
        abundant_F_static_w:'Static Text',
        tran_de_dia_w:'Static Text',
        normal_width_tip_factor_p:'Static Text',
        normal_width_tip_factor_w:'Static Text',
        ratio_different:'Static Text',
        ratio_design:'Static Text',
        slip_p:'Static Text',
        slip_w:'Static Text',
        total_contact_ratio:'Static Text',
        tran_contact_ratio:'Static Text',
        axial_contact_ratio:'Static Text',
        diameter_refer_strength_p:'Static Text',
        diameter_refer_strength_w:'Static Text',
        center_refer_strength:'Static Text',
        normal_module_refer:'Static Text',

      },
      form:{
        text:'Static Text'
      },
      form2:{
        uuids:[]
      },
      inhibitingInput:{
        type:1
      },
      form4:{
        type:2
      },
      load_data:{id:'', torque:'', cycles:''},
      load_datas:[
        {id:'1', torque:'123', cycles:'456'},
        {id:'2', torque:'123', cycles:'456'},
        {id:'3', torque:'123', cycles:'456'},
        {id:'4', torque:'123', cycles:'456'},
      ],
      visible:false,
      visible1:false,
      showimg:1,
    }

  },
  methods:{
    showModal(a) {
      if(a == 1){
        this.showimg = 1;
      }else if(a == 2){
        this.showimg = 2;
      }else if(a == 3){
        this.showimg = 3;
      }else if(a == 4){
        this.showimg = 4;
      }else if(a == 5){
        this.showimg = 5;
      }else if(a == 6){
        this.showimg = 6;
      }
      this.visible = true;
    },
    showModal1(){
      this.visible1 = true;
    },
    handleOk() {
      this.visible = false;
    },
    handleCancel() {
      this.visible = false;
    },
    handleOk1() {
      this.visible1 = false;
    },
    handleCancel1() {
      this.visible1 = false;
    },

    customRequest(data){
      const formData = new FormData()
      formData.append('fileName',data.file)
      firetext(formData)
          .then(res =>{//这里需要用箭头函数，如果不用箭头函数里面的this就不是外面那个this
            console.log(res)
            this.items=res.data.filedata;
            this.form.uuid=res.data.uuid;
            this.form2.uuids.push(res.data.uuid);
          })
          .catch(error =>{
            console.log(error)
          });
    },
    mounted(){
      //绑定页面退出事件
      window.onbeforeunload= (e)=>{
        e = e || window.event;
        if (e) {
          e.returnValue = '关闭提示';
        }
        this.delete()//调用自己的方法
        // Chrome, Safari, Firefox 4+, Opera 12+ , IE 9+
        return '关闭提示';
      };
    },
    async delete(){
      this.form2.uuids = this.form2.uuids.toString();
      await filedelete(this.form2).then(res =>{
        console.log(res);
      })
    },
    handleChange(info) {//网上上传文件的模板
      const status = info.file.status;
      if (status !== 'uploading') {
        console.log(info.file, info.fileList);
      }
      if (status === 'done') {
        this.$message.success(`${info.file.name} file uploaded successfully.`);
      } else if (status === 'error') {
        this.$message.error(`${info.file.name} file upload failed.`);
      }
    },
    calculation(){
      pedci(this.InParameter).then(res => {
        console.log(res);
        // if (res.code === 200) {
        //   console.log(res.data);
        //   this.ans = res.data;
        // }
        this.ans.sigma_H_fatigue_design_p_in=res[0];
        this.ans.sigma_H_fatigue_design_w_in=res[1];
        this.ans.tran_pitch_p_in=res[2];
        this.ans.tran_pitch_w_in=res[3];
        this.ans.tran_base_dia_p_in=res[4];
        this.ans.tran_base_dia_w_in=res[5];
        this.ans.mesh_angle_in=res[6];
        this.ans.base_helix_angle_in=res[7];
        this.ans.n_p_in=res[8];
        this.ans.n_w_in=res[9];
        this.ans.sigma_HG_p_in=res[10];
        this.ans.sigma_HG_w_in=res[11];
        this.ans.sigma_F_fatigue_design_p_in=res[12];
        this.ans.sigma_F_fatigue_design_w_in=res[13];
        this.ans.sigma_FG_p_in=res[14];
        this.ans.sigma_FG_w_in=res[15];
        this.ans.tangential_load_internal_0=res[16];
        this.ans.radial_load_internal_0=res[17];
        this.ans.axial_load_internal_0=res[18];
        this.ans.thickness_reduction_last_p=res[19];
        this.ans.thickness_reduction_last_w=res[20];
        this.ans.standard_center=res[21];
        this.ans.v_pitch=res[22];
        this.ans.tran_practice_ad_dia_p=res[23];
        this.ans.tran_practice_ad_dia_w=res[24];
        this.ans.z_p_refer=res[25];
        this.ans.z_w_refer=res[26];
        this.ans.normal_modi_factor_w=res[27];
        this.ans.ratio_width_diameter_w=res[28];
        this.ans.effect_width=res[29];
        this.ans.abundant_H_fatigue_p=res[30];
        this.ans.abundant_H_fatigue_w=res[31];
        this.ans.abundant_H_static_p=res[32];
        this.ans.abundant_H_static_w=res[33];
        this.ans.tran_de_dia_p=res[34];
        this.ans.abundant_F_fatigue_p=res[35];
        this.ans.abundant_F_fatigue_w=res[36];
        this.ans.abundant_F_static_p=res[37];
        this.ans.abundant_F_static_w=res[38];
        this.ans.tran_de_dia_w=res[39];
        this.ans.normal_width_tip_factor_p=res[40];
        this.ans.normal_width_tip_factor_w=res[41];
        this.ans.ratio_different=res[42];
        this.ans.ratio_design=res[43];
        this.ans.slip_p=res[44];
        this.ans.slip_w=res[45];
        this.ans.total_contact_ratio=res[46];
        this.ans.tran_contact_ratio=res[47];
        this.ans.axial_contact_ratio=res[48];
        this.ans.diameter_refer_strength_p=res[49];
        this.ans.diameter_refer_strength_w=res[50];
        this.ans.center_refer_strength=res[51];
        this.ans.normal_module_refer=res[52];
      })
          .catch(error => {
            console.log(error);
          });
    }

  }

};
</script>

<style scoped>

input {
  text-align: center;
}
label {
  text-align: center;
}
.img_style {
  width: 80%;
  height: 80%;
  margin: 10% 10%;
}
.ul_style li {
  height: 10%;
  width: 100%;
}
.base {
  position: relative;
  width: 100%;
  height: 2048px;
}
/*.u1 {*/
/*  border-width: 0px;*/
/*  position: absolute;*/
/*  left: 0;*/
/*  top: 0;*/
/*  width: 100%;*/
/*  height: 5%;*/
/*  background: inherit;*/
/*  background-color: rgba(38, 36, 48, 1);*/
/*  border: none;*/
/*  border-radius: 0px;*/
/*  box-shadow: none;*/
/*}*/
/*.u1_font {*/
/*  position: absolute;*/
/*  left: 2%;*/
/*  font-family: 'Nunito Sans';*/
/*  font-weight: 400;*/
/*  font-style: normal;*/
/*  color: #FFFFFF;*/
/*}*/
/*.u2 {*/
/*  border-width: 0px;*/
/*  position: absolute;*/
/*  left: 0;*/
/*  top: 5%;*/
/*  width: 100%;*/
/*  height: 5%;*/
/*  background: inherit;*/
/*  background-color: rgba(240, 240, 240, 1);*/
/*  border: none;*/
/*  border-radius: 0px;*/
/*  box-shadow: 0px 2px 8px rgb(0 0 0*/
/*  );*/
/*}*/
/*.u2_font {*/
/*  position: absolute;*/
/*  left: 2%;*/
/*  word-wrap: break-word;*/
/*  text-transform: none;*/
/*}*/
.left {
  position: absolute;
  left: 2%;
  right: 1%;
  top: 0;
  bottom: 1%;
  width: 95%;
  height: 100%;
  box-shadow: 1.5px 1.5px 2px #aaaaaa;
  border: 0.5px solid rgba(231, 231, 231, 0.486);
  border-radius: 3px;

}
.u3 {
  border-width: 0px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 3%;
  background: inherit;
  background-color: rgba(215, 215, 215, 1);
  border: none;
  border-radius: 0px;
  box-shadow: none;
}
.u3_font {
  position: absolute;
  left: 2%;
  white-space: nowrap;
  text-transform: none;
}
.left_top {
  position: relative;
  top: 2%;
  width: 100%;
  height: 50%;
  background-color: #fff;
}
.left_top_left {
  position: absolute;
  left: 0;
  width: 50%;
  height: 100%;
}
.left_top_right {
  position: absolute;
  top: 1%;
  right: 1%;
  bottom: 1%;
  width: 48%;
  height: 100%;
  box-shadow: 1.5px 1.5px 2px #aaaaaa;
  border: 0.5px solid rgba(231, 231, 231, 0.486);
  border-radius: 3px;

}
.u6 {
  border-width: 0px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 4%;
  background: inherit;
  background-color: rgba(215, 215, 215, 1);
  border: none;
  border-radius: 0px;
  box-shadow: none;
}
.u6_font {
  position: absolute;
  left: 2%;
  word-wrap: break-word;
  text-transform: none;
}
.left_top_left_top {
  top: 0;
  width: 100%;
  height: 34%;
}
.left_top_left_bottom {
  position: absolute;
  left: 1%;
  right: 1%;
  bottom: 1%;
  width: 98%;
  height: 66%;
  box-shadow: 1.5px 1.5px 2px #aaaaaa;
  border: 0.5px solid rgba(231, 231, 231, 0.486);
  border-radius: 3px;
}
.u5 {
  border-width: 0px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 7%;
  background: inherit;
  background-color: rgba(215, 215, 215, 1);
  border: none;
  border-radius: 0px;
  box-shadow: none;
}
.u5_font {
  position: absolute;
  left: 2%;
  word-wrap: break-word;
  text-transform: none;
}
.left_top_left_bottom1 {
  position: relative;
  top: 8%;
  width: 40%;
  height: 100%;
}
.left_top_left_bottom2 {
  position: absolute;
  top: 8%;
  right: 30%;
  width: 30%;
  height: 100%;
}
.left_top_left_bottom3 {
  position: absolute;
  top: 8%;
  right: 0;
  width: 30%;
  height: 100%;
}
.left_top_right1 {
  position: relative;
  width: 40%;
  height: 100%;
}
.left_top_right2 {
  position: absolute;
  top: 0;
  right: 30%;
  width: 30%;
  height: 100%;
}
.left_top_right3 {
  position: absolute;
  top: 0;
  right: 0;
  width: 30%;
  height: 100%;
}

.left_bottom {
  position: relative;
  top: 3%;
  left: 1%;
  width: 98%;
  height: 45%;
  background: inherit;
  background-color: rgba(255, 255, 255, 1);
  box-shadow: 1.5px 1.5px 2px #aaaaaa;
  border: 0.5px solid rgba(231, 231, 231, 0.486);
  border-radius: 3px;
  font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
  font-weight: 700;
  font-style: normal;
}
.u7 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4%;
  border-width: 0px;
  background: inherit;
  background-color: rgba(215, 215 ,215 ,1);
  border: none;
  border-radius: 0;
  box-shadow: none;
}
.u7_font {
  position: absolute;
  left: 1%;
  word-wrap: break-word;
  text-transform: none;
}
.left_bottom_left {
  position: absolute;
  top: 5%;
  width: 35%;
  height: 100%;
}
.left_bottom_center {
  position: absolute;
  top: 5%;
  left: 36%;
  width: 30%;
  height: 100%;
}
.left_bottom_right {
  position: absolute;
  top: 5%;
  right: 0;
  width: 35%;
  height: 100%;
}
.left_bottom1 {
  position: relative;
  width: 57%;
  height: 100%;
}
.left_bottom2 {
  position: absolute;
  width: 43%;
  height: 100%;
  top: 0;
  right: 0;
}
.relevantParameter {
  height: 50%;
  width: 100%;
  background: inherit;
  background-color: rgba(255, 255, 255, 1);
  box-shadow: 1.5px 1.5px 2px #aaaaaa;
  border: 0.5px solid rgba(231, 231, 231, 0.486);
  border-radius: 3px;
  font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
  font-weight: 700;
  font-style: normal;
}
.relevantParameter_u {
  position: absolute;
  top: 0;
  left: 0;
  height: 5%;
  width: 100%;
  border-width: 0px;
  background: inherit;
  background-color: rgba(215, 215 ,215 ,1);
  border: none;
  border-radius: 2px;
  box-shadow: none;
}
.right {
  position: absolute;
  top: 0;
  right: 2%;
  width: 100%;
  height: 100%;
  position: relative;
  box-shadow: 1.5px 1.5px 2px #aaaaaa;
  border: 0.5px solid rgba(231, 231, 231, 0.486);
  border-radius: 3px;

}
.u4 {
  border-width: 0px;
  position: absolute;
  left: 0;
  top: -0.1%;
  width: 100%;
  height: 2%;
  background: inherit;
  background-color: rgba(215, 215, 215, 1);
  border: none;
  border-radius: 0px;
  box-shadow: none;
}
.u4_font {
  margin-right: 5%;
  word-wrap: break-word;
  text-transform: none;
}
.right_right {
  position: absolute;
  top: 3%;
  right: 0;
  width: 60%;
  height: 100%;
}
.right_left {
  position: absolute;
  top: 3%;
  width: 40%;
  height: 100%;
  position: relative;
}
.right_left_top1 {
  position: absolute;
  text-align: right;
  margin-left: 1%;
  width: 50%;
  height: 3%;
}
.right_left_top2 {
  position: absolute;
  right: 0;
  width: 50%;
  height: 3%;
}
.right_left_bottom {
  position: absolute;
  bottom: 0;
  text-align: right;
  width: 90%;
  height: 97%;
}
</style>
